<template>
	<view class="container">
		<view class="body">
			<view class="banner"><image class="img" src="../../static/shopManger/index-banner.png" mode="widthFix"></image></view>
			<!-- pages/index demo
			<view class="com-box top-com-box" @click="toDKPage()">
				<image class="image" src="../../static/index-zddk.png"></image>
				<view class="info">
					<view class="top">转店打卡</view>
					<view class="bottom">到访店面，进行打卡</view>
				</view>
			</view> -->
			<view class="com-box2" @click="toPage('./add')"><image class="image" src="../../static/shopManger/index-icon-add.png"></image></view>
			<view class="com-box2" @click="toPage('./list')"><image class="image" src="../../static/shopManger/index-icon-list.png"></image></view>
			<view class="com-box2" @click="toPage('./list?isDelStatus=1')"><image class="image" src="../../static/shopManger/index-icon-remove.png"></image></view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>
<script>
export default {
	name: 'shopMangerIndex',
	data() {
		return {}
	},
	created(e) {
		this.LOGINACTION()
	},
	methods: {
		toPage(url) {
			console.log(url, '=====')
			uni.navigateTo({
				url: url
			})
		},
		toUrl() {
			let url = 'https://lexiangla.com/teams/k100013?company_from=aebe3318e56911e789e05254005b9a60'
			location.href = url
			// window.open(url, '_blank');
		}
	}
}
</script>
<style lang="scss" scoped>
uni-page-body{height:100%;}
page,
.container {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #f3f5f7;
}

.banner {
	width: 100%;
	padding-bottom: 2rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40rpx;

	.img {
		width: 100%;
		display: block;
	}
}

.body {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-bottom: 50rpx;
}

.com-box2 {
	width: 330rpx;
	height: 150rpx;
	background: #ffffff;
	display: flex;
	margin: 0 0 15px 15px;

	.image {
		width: 330rpx;
		height: 150rpx;
	}
}
.com-box {
	width: 330rpx;
	height: 162rpx;
	background: #ffffff;
	box-shadow: 0rpx 6rpx 12rpx 0rpx rgba(221, 221, 221, 0.5);
	border-radius: 16rpx;
	display: flex;
	margin-left: 30rpx;
	margin-top: 20rpx;

	&.top-com-box {
		width: 690rpx;
		margin: 20rpx 0rpx 0rpx 30rpx;
	}

	.info {
		flex: 1;
		height: 162rpx;
	}

	.image {
		width: 108rpx;
		height: 108rpx;
		margin: 31rpx 11rpx 27rpx 23rpx;
	}

	.top {
		font-size: 30rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
		color: #333333;
		letter-spacing: 1rpx;
		margin-top: 34rpx;
	}

	.bottom {
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		letter-spacing: 0.5px;
		margin-top: 0px;
	}
}
</style>
